<script setup lang="ts">
import MacBriefInfo from './components/MacBriefInfo.vue'
import CompareMac from './components/CompareMac.vue'
import MacosICloud from './components/MacosICoud.vue'
import InnerAppInfo from './components/InnerAppInfo.vue'
import ProfessAppInfo from './components/ProfessAppInfo.vue'
import MacFinalInfo from './components/MacFinalInfo.vue'
import SubNavGuide from '../../components/SubNavGuide.vue'

import macbook from './imgs/macbook_pro_13__1.jpg'
import macair from './imgs/macbook_air__1.jpg'
import { SubItem } from '../../types'

const subItemList: SubItem[] = [
  {
    iconName: 'MacBookAir',
    goodName: 'MacBook Air'
  },
  {
    iconName: 'MacBookPro',
    goodName: 'MacBook Pro'
  },
  {
    iconName: 'Mac',
    goodName: 'Mac'
  }
]
</script>

<template>
  <SubNavGuide :sub-item-list="subItemList"></SubNavGuide>
  <MacBriefInfo :reverse-direction="true" :is-new="'yes'" :screen-size="'13英寸'" :good-name="'MacBook Pro'"
    :good-signature="'行动，行动力'" :img-src="macbook">
  </MacBriefInfo>
  <MacBriefInfo :reverse-direction="false" :is-new="'no'" :screen-size="'13英寸'" :good-name="'MacBook Air'"
    :good-signature="'够轻，够轻快'" :img-src="macair">
  </MacBriefInfo>
  <CompareMac></CompareMac>
  <MacosICloud></MacosICloud>
  <InnerAppInfo></InnerAppInfo>
  <ProfessAppInfo></ProfessAppInfo>
  <MacFinalInfo></MacFinalInfo>
</template>

<style scoped lang="less"></style>
